<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
     xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">
	 <ui:composition template="/templates/padrao.xhtml">
		<ui:define name="barraTitulo">Cadastro de Contribuinte</ui:define>
		<ui:define name="conteudo">
			<h:form id="form">
				<p:growl id="messages" />
				<p:tabView id="divTabView">
					<p:tab title="Cadastro">
						<h:panelGrid columns="2" columnClasses="width150 alinhaDir, width500">

							<h:column >
							</h:column>
							<h:column >
							</h:column>
							
							<h:column >
								<h:outputText value="CPF / CNPJ:" styleClass=""/>
							</h:column>
							<h:column >
								<h:inputText  value="#{controleContribuinte.contribuinte.cpfCnpj}" size="18" maxlength="18"/>
							</h:column>
							<h:column >
								<h:outputText value="Nome:" styleClass=""/>
							</h:column>
							<h:column >
								<h:inputText  value="#{controleContribuinte.contribuinte.nome}" size="100" maxlength="100"/>
							</h:column>
							<h:column>
								<h:outputLabel value="CEP" />
							</h:column>
							<h:column>
								<p:inputMask id="CEP" size="12" mask="99999-999" maxlength="9" value="#{controleContribuinte.contribuinte.endereco.CEP}" requiredMessage="Campo [CEP] obrigat&oacute;rio" required="true"/>
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
							</h:column>
							
							<h:column>
								<h:outputLabel value="Endere&ccedil;o:" />
							</h:column>
							<h:column>
								<h:inputText id="logradouro" size="50" maxlength="100" value="#{controleContribuinte.contribuinte.endereco.logradouro}" requiredMessage="Campo [ENDERE&Ccedil;O] obrigat&oacute;rio" required="true" class="upper" />
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
								<h:outputLabel value="N&uacute;mero:" />
								<h:inputText id="numero" size="10" maxlength="10" value="#{controleContribuinte.contribuinte.endereco.numero}" requiredMessage="Campo [N&Uacute;MERO] obrigat&oacute;rio" required="true" class="upper" />
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
							</h:column>
							<h:column>
								<h:outputLabel value="Complemento:" />
							</h:column>
							<h:column>
								<h:inputText id="complemento" size="100" maxlength="50" value="#{controleContribuinte.contribuinte.endereco.complemento}" class="upper" />
							</h:column>
							<h:column>
								<h:outputLabel value="Bairro:" />
							</h:column>
							<h:column>
								<h:inputText id="bairro" size="100" maxlength="100" value="#{controleContribuinte.contribuinte.endereco.bairro}" requiredMessage="Campo [BAIRRO] obrigat&oacute;rio" required="true" class="upper" />
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
							</h:column>
							<h:column>
								<h:outputLabel value="Cidade:" />
							</h:column>
							<h:column>
								<h:inputText id="cidade" size="86" maxlength="100" value="#{controleContribuinte.contribuinte.endereco.cidade}" requiredMessage="Campo [CIDADE] obrigat&oacute;rio" required="true" class="upper" />
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
								<h:outputLabel value="UF:" />
								<h:selectOneMenu value="#{controleContribuinte.contribuinte.endereco.estado}" requiredMessage="Campo [UF] obrigat&oacute;rio" required="true" >  
				                    <f:selectItems value="#{controleContribuinte.UFS}" var="UF" itemLabel="#{UF}" itemValue="#{UF}" />
								</h:selectOneMenu>
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
							</h:column>	
							<h:column>
								<h:outputLabel value="Telefone:" />
							</h:column>
							<h:column>
								<p:inputMask id="telefone" size="14" mask="(99) 9999-9999" maxlength="14" value="#{controleContribuinte.contribuinte.telefone.fone1}"/>
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
								<h:outputLabel value="Celular:" />&nbsp;
								<p:inputMask id="celular" size="14" mask="(99) 9999-9999" maxlength="14" value="#{controleContribuinte.contribuinte.telefone.celular}" alt="phone" />
								<h:outputText value="(*)" styleClass="campoObrigatorio" />&nbsp;
							</h:column>
							<h:column>
								<h:outputLabel value="Email:" />&nbsp;
							</h:column>
							<h:column>
								<h:inputText id="email" size="50" maxlength="50" value="#{controleContribuinte.contribuinte.email}" class="lower" />
							</h:column>
						</h:panelGrid>
					</p:tab>
				</p:tabView>
				<h:outputLink value="manutencao.jsf">
					<h:graphicImage url="/images/botoes/btnPesquisar.png" class="btnAcoes"/>
				</h:outputLink>
				<h:commandLink action="#{controleContribuinte.gravar}" styleClass="alinhaDir">
					<h:graphicImage url="/images/botoes/btnGravar.png" class="btnAcoes"/>
				</h:commandLink>

			</h:form>
		</ui:define>
	</ui:composition>
</html>